<template>
  <div class="home">

    <el-row :gutter="20">
      <el-col :span="6">
        <div>
          <el-statistic group-separator="," :precision="2" :value="depotTotal" :title="depotTitle"></el-statistic>
        </div>
      </el-col>
      <el-col :span="6">
        <div>
          <el-statistic title="员工数">
            <template slot="formatter"> 7 </template>
          </el-statistic>
        </div>
      </el-col>
      <el-col :span="6">
        <div>
          <el-statistic group-separator="," :precision="2" decimal-separator="." :value="WorkerSalaryTotal" :title="workerTitle">
            <template slot="prefix">
              <i class="el-icon-s-flag" style="color: red"></i>
            </template>
            <template slot="suffix">
              <i class="el-icon-s-flag" style="color: blue"></i>
            </template>
          </el-statistic>
        </div>
      </el-col>
<!--      <el-col :span="6">-->
<!--        <div>-->
<!--          <el-statistic :value="like ? 521 : 520" title="Feedback">-->
<!--            <template slot="suffix">-->
<!--              <span @click="like = !like" class="like">-->
<!--                <i class="el-icon-star-on" style="color:red" v-show="!!like"></i>-->
<!--                <i class="el-icon-star-off" v-show="!like"></i>-->
<!--              </span>-->
<!--            </template>-->
<!--          </el-statistic>-->
<!--        </div>-->
<!--      </el-col>-->
    </el-row>

    <el-calendar v-model="value">
    </el-calendar>
  </div>

</template>

<script>


import router from "@/router";

export default {
  name: 'HomeView',
  data() {
    return {
      like: true,
      depotTotal: 4154.564,
      WorkerSalaryTotal: 33471,
      depotTitle: '本月入库总额',
      workerTitle: '本月员工工资总额',
      value: new Date()
    };
  },
  components: {

  },
  created() {
    // console.log(router)
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    }
  },
}
</script>
<style>
*{
  padding:0;
  margin:0;
}
.like {
  cursor: pointer;
  font-size: 25px;
  display: inline-block;
}


</style>